<%--@elvariable id="storeId" type=""--%>
<%--@elvariable id="flag" type=""--%>
<%--@elvariable id="dishName" type=""--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>菜品</title>
    <style>
        div {
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        table, tr, th, td {
            border: 1px solid #5fbdcb;
        }

        table {
            border-collapse: collapse;
        }
    </style>
</head>
<body>
<div>
    <form id="form" action="${pageContext.request.contextPath}/dish.do?method=sellerSelectDish" method="post">
        <label>
            <input type="text" name="storeId" value="${param.storeId}" hidden>
        </label>
        <label for="flag"></label><input type="text" id="flag" value="${flag}" hidden>
        <input type="submit" id="button" value="查询" hidden><br>
    </form>
    <table>
        <tr>
            <th>菜品名</th>
            <th>价格</th>
            <th>描述</th>
            <th>照片</th>
            <th></th>
            <th></th>
        </tr>
        <%--@elvariable id="dishes" type="java.util.List"--%>
        <c:forEach var="dish" items="${dishes}">
            <tr>
                <td>
                        ${dish.dishName}
                </td>
                <td>
                        ${dish.price}
                </td>
                <td>
                        ${dish.describe}
                </td>
                <td>
                    <img src="/photo/${dish.dishId}.jpg" alt="${dish.dishId}照片" width="100px">
                </td>
                <td>
                    <a href="${pageContext.request.contextPath}/Seller/DeleteDish.jsp?storeId=${param.storeId}&dishId=${dish.dishId}">删除</a>
                </td>
                <td>
                    <a href="${pageContext.request.contextPath}/Seller/ModifyDish.jsp?storeId=${param.storeId}&dishId=${dish.dishId}">修改</a>
                </td>
            </tr>
        </c:forEach>
    </table>
    <br>
    <a href="${pageContext.request.contextPath}/Seller/AddDish.jsp?storeId=${param.storeId}" id="a1">添加菜品</a><br>
    <a href="${pageContext.request.contextPath}/Seller/SellerStorePage.jsp" id="a2">返回</a>
</div>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script>
    // function getParam(url, name) {
    //     try {
    //         let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    //         let r = url.split('?')[1].match(reg);
    //         if (r != null) {
    //             return r[2];
    //         }
    //         return "";
    //     } catch (e) {
    //         return "";
    //     }
    // }
    //
    // let url = window.location.href;
    // let storeId = getParam(url, 'storeId');
    //
    // function CheckImgExists(imgurl) {
    //     var ImgObj = new Image();
    //     ImgObj.src = imgurl;
    //     if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
    //         return true;
    //     } else {
    //         return false;
    //     }
    // }

    // $(function () {
        // $.ajax({
        //     url: "http://localhost:8080/dish.do",
        //     type: "post",
        //     data: {
        //         storeId: storeId,
        //         method: 'sellerSelectDish'
        //     },
        //     dataType: "text",
        //     success: function (data) {
        //         let parse = JSON.parse(data);
        //         if (parse.length === 0) {
        //             alert("您的店铺还没有菜品，请先添加")
        //         } else {
        //             let table = document.querySelector('table');
        //             for (let i = 0; i < parse.length; i++) {
        //                 let tr = document.createElement('tr');
        //                 table.appendChild(tr);
        //                 let th1 = document.createElement('th');
        //                 tr.appendChild(th1);
        //                 th1.innerText = '菜品名';
        //                 let td1 = document.createElement('td');
        //                 tr.appendChild(td1);
        //                 td1.innerText = parse[i].dishName;
        //                 let th2 = document.createElement('th');
        //                 tr.appendChild(th2);
        //                 th2.innerText = '价格';
        //                 let td2 = document.createElement('td');
        //                 tr.appendChild(td2);
        //                 td2.innerText = parse[i].price;
        //                 let th3 = document.createElement('th');
        //                 tr.appendChild(th3);
        //                 th3.innerText = '描述';
        //                 let td3 = document.createElement('td');
        //                 tr.appendChild(td3);
        //                 td3.innerText = parse[i].describe;
        //                 let th4 = document.createElement('th');
        //                 tr.appendChild(th4);
        //                 th4.innerText = '照片';
        //                 let td4 = document.createElement('td');
        //                 tr.appendChild(td4);
        //                 let img = document.createElement('img');
        //                 img.alt = '图片上传成功';
        //                 if (CheckImgExists('/photo/' + parse[i].dishId + '.jpg')) {
        //                     img.src = '/photo/' + parse[i].dishId + '.jpg';
        //                 } else if (CheckImgExists('/photo/' + parse[i].dishId + '.png')) {
        //                     img.src = '/photo/' + parse[i].dishId + '.png';
        //                 }
        //                 img.style.width = '100px';
        //                 td4.appendChild(img);
        //                 let td6 = document.createElement('td');
        //                 tr.appendChild(td6);
        //                 let a1 = document.createElement('a');
        //                 a1.href = "DeleteDish.jsp?storeId=" + storeId + "&dishId=" + parse[i].dishId;
        //                 a1.innerText = '删除';
        //                 td6.appendChild(a1);
        //                 let td7 = document.createElement('td');
        //                 tr.appendChild(td7);
        //                 let a2 = document.createElement('a');
        //                 a2.href = "ModifyDish.jsp?storeId=" + storeId + "&dishId=" + parse[i].dishId;
        //                 a2.innerText = '修改';
        //                 td7.appendChild(a2);
        //             }
        //         }
        //     }
        // })
        // $('#a1').on('click', function () {
        //     this.href = 'AddDish.jsp?storeId=' + storeId;
        // })
        // $('#a2').on('click', function () {
        //     this.href = 'SellerStorePage.jsp';
        // })
        let element = document.querySelector('#flag');
        let element1 = document.querySelector('#button');
        if (element.value === "") {
            element1.click();
        }
    // })
</script>
</body>
</html>
